<style type="text/css">
    .ml35 {
      margin-left: 35px;
    }
  </style>

<div class="col-sm-12 mt20">

    <div class="panel panel-default">
        <div class="panel-body" ng-keyup="myKeyup($event)">
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="分类名称" ng-model="pageInfo.class_name">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="分类编号" ng-model="pageInfo.class_code">
            </div>
            <div class="col-sm-2">
            </div>
            <div class="col-sm-2">
            </div>
            <div class="col-sm-2">
                <button class="btn btn-success search btn-block" ng-click="info()">创建分类</button>
            </div>
            <div class="col-sm-2">
                <button class="btn btn-info search btn-block" ng-click="loadlist()">立即搜索</button>
            </div>
        </div>

        <div class="panel-body">
            <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
                <thead>
                    <tr>
                        <th class="col-md-1 text-center">分类logo</th>
                        <th class="col-md-1 text-center">分类名称</th>
                        <!-- <th class="col-md-1 text-center">分类编号</th> -->
                        <th class="text-center" style="width: 53px">分类状态</th>
                        <th class="col-md-1 text-center">跳转样式</th>
                        <th class="col-md-1 text-center">排序</th>
                        <th class="col-md-2 text-center">创建时间</th>
                        <th class="col-md-1 text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="bean in beanList">
                        <td class="text-center">
                            <img ng-src="{{bean.logo}}" alt="分类logo" class="" style="border-radius:100px" width="50px" height="50px">
                            <!-- <img src="{{bean.logo}}" alt="分类logo" width="180px" height="120px"> -->
                        </td>
                        <td class="text-center">{{bean.class_name}}</td>
                        <!-- <td class="text-center">{{bean.class_code}}</td> -->
                        <td>
                            <!-- {{bean.class_state == '1'? '首页显示': '首页不显示'}} -->
                            <label class="i-switch ml35">
                                <input type="checkbox" ng-model="bean.selected" ng-change="change(bean)"><i></i>
                            </label>
                        </td>
                        <td class="text-center">{{bean.style_name}}</td>
                        <td class="text-center">{{bean.asrot}}</td>
                        <td class="text-center">{{bean.create_time}}</td>
                        <td class="text-center">
                            <button type="button" class="btn btn-info btn-xs" ng-click="product(bean)">产品</button>
                            <button type="button" class="btn btn-info btn-xs" ng-click="info(bean)">编辑</button>
                            <button type="button" class="btn btn-danger btn-xs" ng-click="delete(bean)">删除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="text-right" style="background-color: white; margin-right: 30px">
            <pagination total-items="pageInfo.totalItems" ng-model="pageInfo.pageNo" ng-change="loadlist()" previous-text="上一页" next-text="下一页"
                first-text="首页" last-text="尾页" max-size="5" boundary-links="true" rotate="false" items-per-page="pageInfo.pageSize"
                class="m-t-none m-b"></pagination>
        </div>

    </div>
</div>